
<template>
  <div id="print">
    <div
      style="display:flex;width:100%;height:100%;page-break-after:always;justify-content: center;"
    >
      <el-image
        fit="cover"
        id="print"
        :src="imgSrc"
        style="width: 40vh !important;height:40vh !important"
      ></el-image>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    imgSrc: {
      type: String,
      default: () => ''
    }
  },
  data() {
    return {
      printStatus: false
    };
  },
  mounted() {
    console.log(this.data);
  }
};
</script>

<style>
body {
  margin: 0;
  height: 100%;
}
</style>
